.g-flex{
  display: flex;
  &.is-col{
    flex-flow: column;
  }
  &.justify-end{
    justify-content: flex-end;
  }
  &.justify-center{
    justify-content: center;
  }
  &.justify-between{
    justify-content: space-between;
  }
  &.justify-around{
    justify-content: space-around;
  }
  &.align-start{
    align-items: flex-start;
  }
  &.align-end{
    align-items: flex-end;
  }
  &.align-center {
    align-items: center;
  }
  &.align-baseline{
    align-items: baseline;
  }
  for num in range(1, 3, 1){
    .flex-{num}{
      flex: num;
    }
  }
}